<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Grid</title>
  <style>
      body {
        background: #fff;
      }
      div {
        width: 300px;
        height: 300px;
        background-color: #269;
        background-size: 100px 100px;
        background-image:
          linear-gradient( red 50px, green 50px);
  }
  </style>
</head>

<body>
  <div ></div>
</body>
</html>
